<script setup lang="ts">
import { useAttrs } from "vue";
defineOptions({
  name: "grandSon",
  inheritAttrs: false,
});

const attrs = useAttrs();
console.log("grand attrs", attrs);

const _propsId = attrs['data-id']

function grandSonClick() {
  console.log("grandSonClick");
}

// 如果想在子组件里面使用自己的点击事件，interceptAttrs 可以拦截父组件的点击事件。如果想用父组件的属性，可以使用 attrs 来获取。
</script>

<template>
  <div :data-id="_propsId" @click.stop="grandSonClick">我的是grandSon</div>
</template>

<style scoped lang="less"></style>
